<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-01-08 18:35:52
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-02-01 23:22:57
 * @FilePath: /tuberculosis_screening_app/src/modules/patient/src/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-11-29 09:29:27
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-01-26 22:34:08
 * @FilePath: /tuberculosis_screening_app/src/pages/patient/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page">
    <div>
      <van-search v-model="value" placeholder="搜索患者" />
      <DateRange></DateRange>
    </div>
    
    <div class="p_default">
      <div class="section pitch_xs">
        <StaticCard class="row" :data="staticList"></StaticCard>
        <StaticCard size="sm" class="row" :data="staticList1"></StaticCard>
      </div>
      <p class="mb_sm"><strong>患者列表</strong></p>
      <div class="section pitch_default">
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
        <PatientCard class="row"></PatientCard>
      </div>
    </div>

    
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import { StatSheet, StaticCard, DateRange } from '@/components/common/index';
import { navigate } from '@/service/navigate';
import PatientCard from '../components/PatientCard';


export default defineComponent({
  name: 'Center',
  components: {
    StatSheet,
    StaticCard,
    PatientCard,
    DateRange,
  },
  setup() {

    const staticList = [
      { label: '今日采集', content: 137 },
      { label: '本月采集', content: 7780 },
      { label: '本年采集', content: 24978 },
    ];
    const staticList1 = [
      { label: '已感染', content: 137 },
      { label: '其中有水泡', content: 173 },
      { label: '未感染', content: 7780 },
    ];
    return {
      navigate,
      staticList,
      staticList1
    };
  },
});
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
// .page {
//   background: #eeeeee;
// }

.card {
  background: rgb(242, 250, 253);
  padding: map-get($spaces, sm);
  border-radius: map-get($radii, default);
}
.sheet {
  padding: map-get($spaces, xs);
  border-radius: $radius;
  background: $white-color;
  text-align: center;
  .title {
    color: map-get($text-colors, light);
    font-size: map-get($font-sizes, xs);
  }
  .count {
    font-size: map-get($font-sizes, md);
    line-height: 1.6;
  }
}

.sticky-box {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}


</style>

